@import 'gameCenter.scss';

.gmodes{
    padding: 15px 0;
    border-top:1px solid #e8e8e8;
    height:124px;
    width:100%;
    color:#656565;

    .gmode{
        float: left;
        width:25%;
        height:124px;
        display: inline-block;
        .container{
            width:205px;
            height:124px;
            margin:0 auto;
        }
        .num,.title{
            margin-left:20px;
            width:180px;
           
        }
        .num{
            height: 60px;
            line-height: 60px;
        }
        .title{
            height: 50px;
            line-height: 50px;
        }
        .green{
            color:#0bb205;
        }
        .red{
            color: #ee0000;
        }
        &.a{
            .container{
                background: url(../img/game/list_top_bg1.png) top left no-repeat;
            }
        }
        &.b{
            .container{
                background: url(../img/game/list_top_bg2.png) top left no-repeat;
            }
        }
        &.c{
            .container{
                background: url(../img/game/list_top_bg3.png) top left no-repeat;
            }
        }
        &.d{
            .container{
                background: url(../img/game/list_top_bg4.png) top left no-repeat;
            }
        }

    }
}

